静态页面之间传值有多种方法：1、通过url 2、通过cookie 3、window.open传值 4、HTML5 localStorage传值
方法一：url传值
主要原理是：通过GET方法然后获取URL从中解析出传递的数据，实现代码如下:静态页面一：index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>shopping car</title>
</head>
<body>
<form action="Read.html" method="get">
<input type="text" name="username">
<input type="text" name="password">
<input type="submit" value="Post">
</form>
</body>
</html>
静态页面二：Read.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huanglw</title>
</head>
<body>
</body>
<script language="javascript" >
/*
*--------------- Read.htm -----------------
* Request[key]
* 功能:实现ASP的取得URL字符串,Request("AAA")
* 参数:key,字符串.
* 实例:alert(Request["AAA"])
*--------------- Request.htm -----------------
*/
var url=location.search; //"?username=gdf&password=gfg"
var Request = new Object();
if(url.indexOf("?")!=-1)
{
var str = url.substr(1); //截取?之后的字符串
strs= str.split("&");//将字符串以符号"&"分隔成两段
for(var i = 0; i < strs.length; i++)
{
Request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);//将每一段字符串又以"="分为两段
}
}
alert(Request["username"])
alert(Request["password"])
</script>
</html>
实现的效果是在index.html输入username和password之后点击Post提交按钮之后将index.html中的两个参数传递到Read.html页面中，
Read.html中的js代码获取参数并做处理弹出两个弹窗显示两个参数
Segmentfault上的第一篇文章，技术含量不高，主要测试是想体验一下这炫酷markdown编辑器
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。